﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>TwiConfirm示例</title>
    <link href="../../twiConfirm/twiConfirm.css" rel="stylesheet" />
    <script src="../../jquery-1.8.3.min.js"></script>
    <script src="../../twiConfirm/jquery.TwiConfirm.js"></script>
    <script>
      $(function () {
        $('#btnShow').click(function () {
          var confirm = new Twi.Confirm({
            contentEl: '#content',
            fn: function () {
              alert(1);
            }
          });
          confirm.show();
        });
      });
    </script>
</head>
<body>
  <input type="button" value="显示窗口" id="btnShow"/>
  asdfasdfadsfadsf
    <!--<div class="twiConfirmContainer">
        <div class="twiConfirm">
            <div class="twiConfirmBody">确定要执行此操作?</div>
            <div class="twiConfirmFooter">
                <a class="twiConfirmBtn twiConfirmBtnOK">确定</a> 
                <a class="twiConfirmBtn twiConfirmBtnCancel">取消</a>
            </div>
        </div>
        <div class="twiConfirmBackdrop"></div>
    </div>-->

  asdfasdfadsfads

  <div id="content">
      <h1>标题</h1>
      <h3>这里是内容，可能会比较长，不知道是不是会自动换行呢？</h3>
      <div>底部</div>
  </div>
</body>
</html>
